<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>小米列表</title>
<link rel="stylesheet" href="../css/common.css" />
<link rel="stylesheet" href="../font1/iconfont.css" />
<link rel="stylesheet" href = "../css/liebiao.css"/>
</head>
<body>
	<div class = "nav_b">
	<div class = "nav">
		<ul class = "Nul">
			<li>小米商场</li>
			<li>MIUI</li>
			<li>米聊</li>
			<li>游戏</li>
			<li>多看阅读</li>
			<li>云服务</li>
			<li>金融</li>
			<li>米币</li>
			<li>小米商场手机版</li>
			<li>问题反馈</li>
			<li>Select Region</li>
		</ul>
		<ol>
			<li>登录</li>
			<li>注册</li>
			<li>消息通知</li>
			<li>购物车</li>
		</ol>
	</div>
	</div>
	<!--主导航-->
	<div class = "main-nav">
		<img src = "../image/logo_03.png" id = "main-img"/>
		
		<ul id = "ul1">
			<li class = "first">全部商品类别
				<div class = "tree">
		<ul id = "ul2">
			<li>手机 电话卡
				<div class = "Tdiv">
					<ol>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
					</ol>
					<ol>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
					</ol>
					<ol>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
					</ol>
				</div>
			</li>
			<li>笔记本 平板
				<div class = "Tdiv">
					<ol>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
					</ol>
				</div>
			</li>
			<li>电视 盒子
				<div class = "Tdiv">
					<ol>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
					</ol>
				</div>
			</li>
			<li>路由器 智能硬件
				<div class = "Tdiv">
					<ol>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
					</ol>
				</div>
			</li>
			<li>移动电源 电池 插线板
				<div class = "Tdiv">
					<ol>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
					</ol>
				</div>
			</li>
			<li>耳机 音响
				<div class = "Tdiv">
					<ol>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
					</ol>
				</div>
			</li>
			<li>保护套 贴膜
				<div class = "Tdiv">
					<ol>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
					</ol>
				</div>
			</li>
			<li>线材 支架 存储卡
				<div class = "Tdiv">
					<ol>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
					</ol>
				</div>
			</li>
			<li>箱包 服饰 鞋 眼镜
				<div class = "Tdiv">
					<ol>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
					</ol>
				</div>
			</li>
			<li>米兔 生活周边
				<div class = "Tdiv">
					<ol>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
					</ol>
				</div>
			</li>
		</ul>
	</div>
			</li>
			<li>小米手机
				<ol class = "ol_1">
					<li>
						<p>新品</p>
						<img src= "../image/009.png" alt="" />
						<p>小米Mix 2</p>
						<p>3999元起</p>
					</li>
					<li>
						<p>新品</p>
						<img src= "../image/009.png" alt="" />
						<p>小米Mix 2</p>
						<p>3999元起</p>
					</li>
					<li>
						<p>新品</p>
						<img src= "../image/009.png" alt="" />
						<p>小米Mix 2</p>
						<p>3999元起</p>
					</li>
					<li>
						<p>新品</p>
						<img src= "../image/009.png" alt="" />
						<p>小米Mix 2</p>
						<p>3999元起</p>
					</li>
					<li>
						<p>新品</p>
						<img src= "../image/009.png" alt="" />
						<p>小米Mix 2</p>
						<p>3999元起</p>
					</li>
					<li>
						<p>新品</p>
						<img src= "../image/009.png" alt="" />
						<p>小米Mix 2</p>
						<p>3999元起</p>
					</li>
				</ol>
			</li>
			<li>红米</li>
			<li>平板-笔记本
				<ol class = "ol_1">
					<li>
						<p>新品</p>
						<img src= "../image/011.png" alt="" />
						<p>小米笔记本 Pro 15.6</p>
						<p>3999元起</p>
					</li>
					<li>
						<p>新品</p>
						<img src= "../image/011.png" alt="" />
						<p>小米笔记本 Pro 15.6</p>
						<p>3999元起</p>
					</li>
					<li>
						<p>新品</p>
						<img src= "../image/011.png" alt="" />
						<p>小米笔记本 Pro 15.6</p>
						<p>3999元起</p>
					</li>
					<li>
						<p>新品</p>
						<img src= "../image/011.png" alt="" />
						<p>小米笔记本 Pro 15.6</p>
						<p>3999元起</p>
					</li>
					
				</ol>
			</li>
			<li>电视
				<ol class = "ol_1">
					<li>
						<p>新品</p>
						<img src= "../image/012.jpg" alt="" />
						<p>小米电视机4.4英寸</p>
						<p>3999元起</p>
					</li>
					<li>
						<p>新品</p>
						<img src= "../image/012.jpg" alt="" />
						<p>小米电视机4.4英寸</p>
						<p>3999元起</p>
					</li>
					<li>
						<p>新品</p>
						<img src= "../image/012.jpg" alt="" />
						<p>小米电视机4.4英寸</p>
						<p>3999元起</p>
					</li>
					<li>
						<p>新品</p>
						<img src= "../image/012.jpg" alt="" />
						<p>小米电视机4.4英寸</p>
						<p>3999元起</p>
					</li>
					<<li>
						<p>新品</p>
						<img src= "../image/012.jpg" alt="" />
						<p>小米电视机4.4英寸</p>
						<p>3999元起</p>
					</li>
					<li>
						<p>新品</p>
						<img src= "../image/012.jpg" alt="" />
						<p>小米电视机4.4英寸</p>
						<p>3999元起</p>
					</li>
				</ol>
			</li>
			<li>盒子-影音
				<ol class = "ol_1">
					<li>
						<p>新品</p>
						<img src= "../image/hezi80-80.jpg" alt="" />
						<p>小米盒子3</p>
						<p>199元起</p>
					</li>
					<li>
						<p>新品</p>
						<img src= "../image/hezi80-80.jpg" alt="" />
						<p>小米盒子3</p>
						<p>199元起</p>
					</li>
				</ol>
			</li>
			<li>路由器
				<ol class = "ol_1">
					<li>
						<p>新品</p>
						<img src= "../image/013.png" alt="" />
						<p>小米路由器3</p>
						<p>199元起</p>
					</li>
					<li>
						<p>新品</p>
						<img src= "../image/013.png" alt="" />
						<p>小米路由器3</p>
						<p>199元起</p>
					</li>
					<li>
						<p>新品</p>
						<img src= "../image/013.png" alt="" />
						<p>小米路由器3</p>
						<p>199元起</p>
					</li>
					<li>
						<p>新品</p>
						<img src= "../image/013.png" alt="" />
						<p>小米路由器3</p>
						<p>199元起</p>
					</li>
					<li>
						<p>新品</p>
						<img src= "../image/013.png" alt="" />
						<p>小米路由器3</p>
						<p>199元起</p>
					</li>
				</ol class = "ol_1">
			</li>
			<li>智能硬件</li>
			<li>服务</li>
			<li>社区</li>
		</ul>
		<form action="" method ="get" id = "form">
			<input type = "text" id = "input1"/>
			<div id = "div1"></div>
			<div class = "search" id = "search">
				<span>小米Max2</span>
				<span>小米Note3现货</span>
			</div>
			<input class = "input2 iconfont" type = "submit" value = "&#xe7cc;"/>
			<div id = "prd"></div>
		</form>
	</div>
<div class = "find_b">
	<div class = "find">
		
			<span class = "F_span1">首页</span> >
			<span class = "F_span2">全部结果</span>>
			<span class = "F_span3">小米6</span>
		
	</div>
</div>
<div class = "menu_b">
	<div class = "menu">
		<div class = "Mtop" id = "Mtop">
			<h6>分类:</h4>
			<ul class = "Mul1">
				<li>全部</li>
				<li>贴膜</li>
				<li>小米头戴式耳机</li>
				<li>保护套/保护壳</li>
				<li>小米圈铁耳机</li>
				<li>线材</li>
				<li>小米蓝牙耳机</li>
				<li>配件优惠套装</li>
				<li>品牌耳机</li>
				<li>手机支架</li>
				<li>插线板</li>
				<li>小米胶囊耳机</li>
				<li>降噪耳机</li>
				<li>手机</li>
			</ul>
			<p class = "Ep1">更多</p>
		</div>
		<div class = "Mcenter" id = "Mcenter">
			<h6>机型:</h4>
			<ul class = "Mul2">
				<li>全部</li>
				<li>红米Note 5A</li>
				<li>小米5X</li>
				<li>小米Max2</li>
				<li>小米6</li>
				<li>红米4X</li>
				<li>小米Note2</li>
				<li>小米MIX</li>
				<li>红米Note4X</li>
				<li>小米5s</li>
				<li>小米5s Plus</li>
				<li>小米Max</li>
				<li>小米手机5</li>
				<li>小米手机4s</li>
				<li>红米4</li>
				<li>红米4A</li>
				<li>小米平板3</li>
				<li>红米 Note4</li>
				<li>红米Pro</li>
				<li>红米Note3</li>
				<li>红米手机3s</li>
				<li>红米手机3高配版</li>
				<li>红米手机3标准版</li>
				<li>小米Note</li>
				<li>小米手机4c</li>
				<li>红米Note 2</li>
				<li>小米手机4</li>
				<li>红米Note/增强版</li>
				<li>红米2A</li>
				<li>小米手机3</li>
				<li>红米手机2</li>
				<li>红米手机</li>
				<li>小米手机2/2s</li>
				<li>小米手机2A</li>
				<li>小米手机1/1s</li>
			</ul>
			<p class = "Ep2">更多</p>
		</div>
		<div class = "Mbottom">
			<h6>品牌:</h4>
				<ul class = "Mul3">
					<li>全部</li>
					<li>小米</li>
					<li>第三方品牌</li>
					<li>1MORE</li>
				</ul>
		</div>
	</div>
</div>
<div class = "list_b">
	<div class = "list" >
		<ul class = "Lul1">
			<li class = "select">推荐</li>
			<li>新品</li>
			<li>价格↑</li>
			<li>评论最多</li>
		</ul>
		<div class = "Ldiv1" id = "Ldiv1">
		<ul id = "Lul2" class = "show">
			<li id = "liajax">
				<img src = "../image/024_01.jpg" class = "Yimg1"/>
				<p class = "Yp1">小米胶囊耳机黑色</p>
				<p class = "Yp2">69元</p>
				<p class = "Yp3"><img src = "../image/024_01.jpg"/ class = "Yimg2"></p>
			</li>
			<li>
				<img src = "../image/024_02.jpg" class = "Yimg1"/>
				<p class = "Yp1">小米胶囊耳机黑色</p>
				<p class = "Yp2">69元</p>
				<p class = "Yp3"><img src = "../image/024_02.jpg"/ class = "Yimg2"></p>
			</li>
			<li>
				<img src = "../image/024_01.jpg" class = "Yimg1"/>
				<p class = "Yp1">小米胶囊耳机黑色</p>
				<p class = "Yp2">69元</p>
				<p class = "Yp3"><img src = "../image/024_01.jpg"/ class = "Yimg2"></p>
			</li>
			<li>
				<img src = "../image/024_03.jpg" class = "Yimg1"/>
				<p class = "Yp1">小米胶囊耳机黑色</p>
				<p class = "Yp2">69元</p>
				<p class = "Yp3"><img src = "../image/024_03.jpg"/ class = "Yimg2"></p>
			</li>
			<li>
				<img src = "../image/024_01.jpg" class = "Yimg1"/>
				<p class = "Yp1">小米胶囊耳机黑色</p>
				<p class = "Yp2">69元</p>
				<p class = "Yp3"><img src = "../image/024_01.jpg"/ class = "Yimg2"></p>
			</li>
			<li>
				<img src = "../image/024_01.jpg" class = "Yimg1"/>
				<p class = "Yp1">小米胶囊耳机黑色</p>
				<p class = "Yp2">69元</p>
				<p class = "Yp3"><img src = "../image/024_01.jpg"/ class = "Yimg2"></p>
			</li>
			<li>
				<img src = "../image/024_01.jpg" class = "Yimg1"/>
				<p class = "Yp1">小米胶囊耳机黑色</p>
				<p class = "Yp2">69元</p>
				<p class = "Yp3"><img src = "../image/024_01.jpg"/ class = "Yimg2"></p>
			</li>
			<li>
				<img src = "../image/024_04.jpg" class = "Yimg1"/>
				<p class = "Yp1">小米胶囊耳机黑色</p>
				<p class = "Yp2">69元</p>
				<p class = "Yp3"><img src = "../image/024_04.jpg"/ class = "Yimg2"></p>
			</li>
			<li>
				<img src = "../image/024_01.jpg" class = "Yimg1"/>
				<p class = "Yp1">小米胶囊耳机黑色</p>
				<p class = "Yp2">69元</p>
				<p class = "Yp3"><img src = "../image/024_01.jpg"/ class = "Yimg2"></p>
			</li>
			<li>
				<img src = "../image/024_05.jpg" class = "Yimg1"/>
				<p class = "Yp1">小米胶囊耳机黑色</p>
				<p class = "Yp2">69元</p>
				<p class = "Yp3"><img src = "../image/024_05.jpg"/ class = "Yimg2"></p>
			</li>
			<li>
				<img src = "../image/024_01.jpg" class = "Yimg1"/>
				<p class = "Yp1">小米胶囊耳机黑色</p>
				<p class = "Yp2">69元</p>
				<p class = "Yp3"><img src = "../image/024_01.jpg"/ class = "Yimg2"></p>
			</li>
			<li>
				<img src = "../image/024_06.jpg" class = "Yimg1"/>
				<p class = "Yp1">小米胶囊耳机黑色</p>
				<p class = "Yp2">69元</p>
				<p class = "Yp3"><img src = "../image/024_06.jpg"/ class = "Yimg2"></p>
			</li>
			<li>
				<img src = "../image/024_01.jpg" class = "Yimg1"/>
				<p class = "Yp1">小米胶囊耳机黑色</p>
				<p class = "Yp2">69元</p>
				<p class = "Yp3"><img src = "../image/024_01.jpg"/ class = "Yimg2"></p>
			</li>
			<li>
				<img src = "../image/024_01.jpg" class = "Yimg1"/>
				<p class = "Yp1">小米胶囊耳机黑色</p>
				<p class = "Yp2">69元</p>
				<p class = "Yp3"><img src = "../image/024_01.jpg"/ class = "Yimg2"></p>
			</li>
			<li>
				<img src = "../image/024_01.jpg" class = "Yimg1"/>
				<p class = "Yp1">小米胶囊耳机黑色</p>
				<p class = "Yp2">69元</p>
				<p class = "Yp3"><img src = "../image/024_01.jpg"/ class = "Yimg2"></p>
			</li>
			<li>
				<img src = "../image/024_02.jpg" class = "Yimg1"/>
				<p class = "Yp1">小米胶囊耳机黑色</p>
				<p class = "Yp2">69元</p>
				<p class = "Yp3"><img src = "../image/024_02.jpg"/ class = "Yimg2"></p>
			</li>
			<li>
				<img src = "../image/024_03.jpg" class = "Yimg1"/>
				<p class = "Yp1">小米胶囊耳机黑色</p>
				<p class = "Yp2">69元</p>
				<p class = "Yp3"><img src = "../image/024_03.jpg"/ class = "Yimg2"></p>
			</li>
			<li>
				<img src = "../image/024_04.jpg" class = "Yimg1"/>
				<p class = "Yp1">小米胶囊耳机黑色</p>
				<p class = "Yp2">69元</p>
				<p class = "Yp3"><img src = "../image/024_04.jpg"/ class = "Yimg2"></p>
			</li>
			<li>
				<img src = "../image/024_01.jpg" class = "Yimg1"/>
				<p class = "Yp1">小米胶囊耳机黑色</p>
				<p class = "Yp2">69元</p>
				<p class = "Yp3"><img src = "../image/024_01.jpg"/ class = "Yimg2"></p>
			</li>
			<li>
			<img src = "../image/024_01.jpg" class = "Yimg1"/>
				<p class = "Yp1">小米胶囊耳机黑色</p>
				<p class = "Yp2">69元</p>
				<p class = "Yp3"><img src = "../image/024_01.jpg"/ class = "Yimg2"></p>
			</li>
			<li>
				<img src = "../image/024_04.jpg" class = "Yimg1"/>
				<p class = "Yp1">小米胶囊耳机黑色</p>
				<p class = "Yp2">69元</p>
				<p class = "Yp3"><img src = "../image/024_04.jpg"/ class = "Yimg2"></p>
			</li>
			<li>
				<img src = "../image/024_02.jpg" class = "Yimg1"/>
				<p class = "Yp1">小米胶囊耳机黑色</p>
				<p class = "Yp2">69元</p>
				<p class = "Yp3"><img src = "../image/024_02.jpg"/ class = "Yimg2"></p>
			</li>
			<li>
				<img src = "../image/024_03.jpg" class = "Yimg1"/>
				<p class = "Yp1">小米胶囊耳机黑色</p>
				<p class = "Yp2">69元</p>
				<p class = "Yp3"><img src = "../image/024_03.jpg"/ class = "Yimg2"></p>
			</li>
			<li>
				<img src = "../image/024_01.jpg" class = "Yimg1"/>
				<p class = "Yp1">小米胶囊耳机黑色</p>
				<p class = "Yp2">69元</p>
				<p class = "Yp3"><img src = "../image/024_01.jpg"/ class = "Yimg2"></p>
			</li>
		</ul>
		<ul id = "Lul3" class = "hide">
			<li>
				<img src = "../image/024_06.jpg" class = "Yimg1"/>
				<p class = "Yp1">小米胶囊耳机黑色</p>
				<p class = "Yp2">69元</p>
				<p class = "Yp3"><img src = "../image/024_06.jpg"/ class = "Yimg2"></p>
			</li>
			<li>
				<img src = "../image/024_01.jpg" class = "Yimg1"/>
				<p class = "Yp1">小米胶囊耳机黑色</p>
				<p class = "Yp2">69元</p>
				<p class = "Yp3"><img src = "../image/024_01.jpg"/ class = "Yimg2"></p>
			</li>
			<li>
				<img src = "../image/024_04.jpg" class = "Yimg1"/>
				<p class = "Yp1">小米胶囊耳机黑色</p>
				<p class = "Yp2">69元</p>
				<p class = "Yp3"><img src = "../image/024_04.jpg"/ class = "Yimg2"></p>
			</li>
			<li>
				<img src = "../image/024_01.jpg" class = "Yimg1"/>
				<p class = "Yp1">小米胶囊耳机黑色</p>
				<p class = "Yp2">69元</p>
				<p class = "Yp3"><img src = "../image/024_01.jpg"/ class = "Yimg2"></p>
			</li>
			<li>
				<img src = "../image/024_02.jpg" class = "Yimg1"/>
				<p class = "Yp1">小米胶囊耳机黑色</p>
				<p class = "Yp2">69元</p>
				<p class = "Yp3"><img src = "../image/024_02.jpg"/ class = "Yimg2"></p>
			</li>
			<li>
				<img src = "../image/024_03.jpg" class = "Yimg1"/>
				<p class = "Yp1">小米胶囊耳机黑色</p>
				<p class = "Yp2">69元</p>
				<p class = "Yp3"><img src = "../image/024_03.jpg"/ class = "Yimg2"></p>
			</li>
			<li>
				<img src = "../image/024_05.jpg" class = "Yimg1"/>
				<p class = "Yp1">小米胶囊耳机黑色</p>
				<p class = "Yp2">69元</p>
				<p class = "Yp3"><img src = "../image/024_05.jpg"/ class = "Yimg2"></p>
			</li>
			</ul>
		<ul id = "Lul4" class = "hide">
			<li>
				<img src = "../image/024_03.jpg" class = "Yimg1"/>
				<p class = "Yp1">小米胶囊耳机黑色</p>
				<p class = "Yp2">69元</p>
				<p class = "Yp3"><img src = "../image/024_03.jpg"/ class = "Yimg2"></p>
			</li>
			<li>
				<img src = "../image/024_04.jpg" class = "Yimg1"/>
				<p class = "Yp1">小米胶囊耳机黑色</p>
				<p class = "Yp2">69元</p>
				<p class = "Yp3"><img src = "../image/024_04.jpg"/ class = "Yimg2"></p>
			</li>	
		</ul>
		<ul id = "Lul5" class = "hide">
			<li>
				<img src = "../image/024_01.jpg" class = "Yimg1"/>
				<p class = "Yp1">小米胶囊耳机黑色</p>
				<p class = "Yp2">69元</p>
				<p class = "Yp3"><img src = "../image/024_01.jpg"/ class = "Yimg2"></p>
			</li>
			<li>
				<img src = "../image/024_06.jpg" class = "Yimg1"/>
				<p class = "Yp1">小米胶囊耳机黑色</p>
				<p class = "Yp2">69元</p>
				<p class = "Yp3"><img src = "../image/024_06.jpg"/ class = "Yimg2"></p>
			</li>	
		</ul>

		</div>
	</div>
</div>
<!--底部-->
<div class = "foot">
	<ul class = "lyy">
		<li><img src = "../image/022_03.png"/>预约维修服务</li>
		<li><img src = "../image/022_06.png"/>七天无理由退货</li>
		<li><img src = "../image/022_08.png"/>15天免费换货</li>
		<li><img src = "../image/022_11.png"/>满150元包邮</li>
		<li><img src = "../image/022_13.png"/>520余家售后网点</li>
	</ul>
	<div class = "middle">
		<div class = "Mleft">
			<dl>
				<dt>帮助中心</dt>
				<dd>账户管理</dd>
				<dd>购物中心</dd>
				<dd>订单操作</dd>
			</dl>
			<dl>
				<dt>服务支持</dt>
				<dd>售后政策</dd>
				<dd>自助服务</dd>
				<dd>相关下载</dd>
			</dl>
			<dl>
				<dt>线下门店</dt>
				<dd>小米之家</dd>
				<dd>服务网点</dd>
				<dd>零售网点</dd>
			</dl>
			<dl>
				<dt>关于小米</dt>
				<dd>了解小米</dd>
				<dd>加入小米</dd>
				<dd>联系我们</dd>
			</dl>
			<dl>
				<dt>关注我们</dt>
				<dd>新浪微博</dd>
				<dd>小米部落</dd>
				<dd>官方微信</dd>
			</dl>
			<dl>
				<dt>特色服务</dt>
				<dd>F码通道</dd>
				<dd>礼物码</dd>
				<dd>防伪查询</dd>
			</dl>
		</div>
		<div class = "Mright">
			<h4>400-100-5678</h4>
			<p class = "Mp1">周一至周日 8:00-18:00</p>
			<p class = "Mp2">(仅收市话费)</p>
			<p class = "Mp3"><img src = "../image/022_21.png"/>24小时在线客服</p>
		</div>
	</div>
</div>
<!--banner-->

<div class = "bottom_b">
		<div class = "bottom">
			<img src = "../image/023_01.png" class = "Bimg"/>
			<div class = "two">
				<ul class = "Bul">
					<li>小米商场</li>
					<li>MIUI</li>
					<li>米聊</li>
					<li>多看书城</li>
					<li>小米路由器</li>
					<li>视频电话</li>
					<li>小米天猫店</li>
					<li>小米淘宝直营店</li>
					<li>小米网盟</li>
					<li>小米移动</li>
					<li>隐私政策</li>
					<li>Select Region</li>
				</ul>
				<p class = "Tp1">
					©mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号 
				</p>
				<p class = "Tp2">
					违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
				</p>
			</div>
			<div class = "three">
				<img  src = "../image/022_25.png" class  ="Rimg1"/>
				<img  src = "../image/022_33.png" class  ="Rimg2"/>
				<dl class = "Rdl1">
					<dd>诚信网站</dd>
					<dd>示范企业</dd>
				</dl>
				<img  src = "../image/022_27.png" class  ="Rimg2"/>
				<dl class = "Rdl1">
					<dd>可信网站</dd>
					<dd>信用评价</dd>
				</dl>
				<img  src = "../image/022_30.png" class  ="Rimg2"/>
				<dl class = "Rdl1">
					<dd>网上交易</dd>
					<dd>保障中心</dd>
				</dl>
			</div>
			<p class = "four">
				探索黑科技，小米为发烧而生！
			</p>
		</div>
	</div>
</body>
</html>
<script type="text/javascript" src = "../js/dizhi.json"></script>
<script src = "../js/startMove.js"></script>
<script src = "../js/ajax.js"></script>
<script src = "../js/jquery-1.11.3.js"></script>
<script src = "../js/chanpin.js"></script>
<script src = "../js/liebiao.js"></script>

<script>
	var ind = 0;
	input1.onkeyup = function(e){
		var e = e || window.e;
		var code = e.which || e.keyCode;
		var lis = div1.getElementsByTagName("li");
		var len = lis.length;
		switch(code){
			case 13||10:
				input1.value = lis[ind].innerText;
				div1.style.display = "none";
			break;
			case 38:
				ind--;
				if(ind == -1){ind=len -1}
				for(var i = 0;i<len;i++){
					lis[i].style.background = "";
				}
				lis[ind].style.background = "#febfa1"
			break;
			case 40:
				ind++;
				if(ind == len){ind=0}
				for(var i = 0;i<len;i++){
					lis[i].style.background = "";
				}
				lis[ind].style.background = "#febfa1"
			break;
			default:
			
		var w = input1.value;
		console.log(w);
		if( w!=""){			
			get("../js/liebiao.php?w="+w,function(str){
				console.log(str);
				div1.innerHTML = "";
				
				var ul = document.createElement("ul")				

				var arr = str.split("|");
				console.log(arr);
				var i = 1,l = arr.length;
				for(; i<l; i++){
					var li = document.createElement("li");
					li.className = "A_li";
					li.innerHTML = arr[i].replace(eval("/"+w+"/g"),"<font color=red>"+w+"</font>");
					ul.appendChild(li)
					li.onclick = function(){
						input1.value = this.innerText;//注意要用this；
						div1.style.display = "none"
					}
				}
				div1.appendChild(ul)
				if(l>1){//大于1的原因是数组中的第一位是空的
					div1.style.display = "block";
					div1.getElementsByclassName("li")[ind].style.background = "#febfa1"
				}
			})
		}else{
			div1.style.display = "none"
		}
	}
}

</script>